<!--
 * @Author: wangjh wangjiahui0710@163.com
 * @Date: 2024-07-23 15:39:11
 * @LastEditors: wangjh wangjiahui0710@163.com
 * @LastEditTime: 2024-08-08 20:23:52
 * @FilePath: \fbhgl_client\src\pages\park\booking-management\whitelist\index.page.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script lang="ts" setup>
import DetailDialog from "./components/detail-dialog.vue";
import Filter from "./components/filter.vue";
import Sheet from "./components/sheet.vue";
import Handler from "./components/handler.vue";
import { createState } from "./state";

definePage({
	meta: { title: "培训报名管理", order: 1 },
});

defineOptions({ name: "IndexPage" });
const { page, detailDialogRef } = createState();
</script>

<template>
	<page-content>
		<template #header>
			<Filter />
			<!-- <Handler /> -->
		</template>

		<Sheet />
		<DetailDialog ref="detailDialogRef" />

		<template #footer>
			<el-pagination v-model:current-page="page.currentPage.value" v-model:page-size="page.pageSize.value"
				:disabled="page.isLoading.value" :total="page.total.value" />
		</template>
	</page-content>
</template>
